<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="tags" tagdir="/WEB-INF/tags" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>

<html>
<head>
    <title>待注销</title>
    <link rel="stylesheet" href="${ctx}/static/passport/css/approvallist.css">
    <link rel="stylesheet" href="${ctx}/static/passport/css/approvallist_bootstrap.css">
</head>

<body>
<div class="content">
    <!--
    <div class="page-subcate-list" >

        <div class="page-subcate-item" >
            <div class="form-item">
                <input type="text" cl
                <label>证件号</label>ass="form-control" id="cardNO" placeholder="" value="">
            </div>
            <div class="form-item">
                <label>订单号</label>
                <input type="text" class="form-control" id="num" placeholder="" value="">
            </div>
            <div class="form-item">
                <div class="col-lg-3">
                    <button type="button" class="btn btn-primary btn-default btn-sm btn-block" onclick="javascript:search();">查询</button>
                </div>
            </div>
        </div>
    </div>
    -->
    <table class="table table-bordered">
        <thead>
        <tr>
            <th>订单</th>
            <th>姓名</th>
            <th>护照编号</th>
            <th>发证人</th>
            <th>发证时间</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        <c:forEach items="${vos}" var="item" varStatus="status">
            <tr id="${item.order.id}">
                <td>${item.order.num}</td>
                <td>${item.order.name}</td>
                <td>${item.order.passportNO}</td>
                <td>${item.order.printUser}</td>
                <td>${item.order.printTime}</td>
                <td align="center">
                    <button type="button" class="btn btn-primary btn-default btn-sm btn-block" data-toggle="modal" data-target="#myModal${item.order.id}">
                    复核
                </button>
                </td>
            </tr>
        </c:forEach>
        </tbody>
    </table>
</div>


<script type="text/javascript">
    $(function(){//待注销
        $("[href='#asideCollapse4']").click();//展开公益护照管理
        $("#asideCollapse4 li:eq(4) a").css({"background-color":"#30c9a0","color":"#fff"});
        $("#asideCollapse4 li:eq(4) a").mouseover(function(){
            $(this).css({"background-color":"#30c9a0"})
        });
    })
    function search()
    {
        var cardNO = $('#cardNO').val();
        var num = $('#num').val();
        var mobile = $('#mobile').val();
        var param = "cardNO="+cardNO +"&num="+num+"&mobile="+mobile;
        window.location.href="${ctx}/passport/waiteLogOut/search?"+param;
    }
    function logoutOrder(id)
    {
        if(id == "")
            return;

        var url ="${ctx}/passport/checkOut";
        $.post(url,{"id":id},function(data)
        {
            if(data.code == 0)
            {
                window.location.reload();
            }
        },"json");
    }

</script>

<c:forEach items="${vos}" var="item" varStatus="status">
<div class="modal fade" id="myModal${item.order.id}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="passport_certidetail_wrapper modal-dialog">
        <div class="modal-content modal-lg">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" id="myModalLabel"></h4>
            </div>
            <div class="modal-body">
                <div class="personal_information_box">
                    <p>原信息</p>
                    <div class="personal_information_box1">

                        <dl class="dl-horizontal lead ">
                            <dt>姓名</dt>
                            <dd id="native_name">${item.order.name}</dd>
                            <dt>性别</dt>
                            <dd id="native_sex">${item.order.sex}</dd>
                            <dt>证件类型</dt>
                            <dd id="native_card">身份证</dd>
                            <dt>证件编号</dt>
                            <dd id="native_ID">${item.order.cardNO}</dd>
                            <dt>出生日期</dt>
                            <dd id="native_birth">${item.order.birthday}</dd>
                        </dl>
                    </div>
                </div>

                <div class="personal_information_box">
                    <p>修改后信息</p>
                    <div class="personal_information_box1">

                        <dl class="dl-horizontal lead ">
                            <dt>姓名</dt>
                            <dd id="native_name2">${item.patch.name}</dd>
                            <dt>性别</dt>
                            <dd id="native_sex2">${item.patch.sex}</dd>
                            <dt>证件类型</dt>
                            <dd id="native_card2">身份证</dd>
                            <dt>证件编号</dt>
                            <dd id="native_ID2">${item.patch.cardNO}</dd>
                            <dt>出生日期</dt>
                            <dd id="native_birth2">${item.patch.birthday}</dd>
                        </dl>
                    </div>
                </div>
            </div>
            <div class="modal-footer personal_information_button">
                <button type="button" class="btn btn-default btn-primary" data-dismiss="modal">取消</button>
                <button type="button" class="approlist_save_item2 btn btn-primary" id="summit_OK" onclick="javascript:logoutOrder('${item.order.id}');">确定</button>
            </div>
        </div>
    </div>
</div>
</c:forEach>
</body>
</html>
